<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Product</title>
    <!-- IMPORT CSS -->
    <link rel="stylesheet" href="./css/reset.min.css">
    <link rel="stylesheet" href="./css/public.min.css">
    <link rel="stylesheet" href="./css/headerfooter.min.css">
    <link rel="stylesheet" href="./css/product.css">

    <!-- IMPORT JS -->
    <script src="./js/jquery.min.js"></script>
    <script src="./js/lodash.js"></script>
    <script src="./libs/layer/layer.js"></script>
    <script src="./js/product.js"></script>

    <!-- ICONFONT -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2310601_jz28m7k6wp.css">
</head>

<body>
    <!-- header start -->
    <header>
        <div class="headcon corewidth m-a">
            <div class="hl">
                <ul>
                    <li><a href="./index.html">首页</a></li>
                    <li class="bd"></li>
                    <li><a href="">华为官网</a></li>
                    <li class="bd"></li>
                    <li><a href="">花粉俱乐部</a></li>
                    <li class="bd"></li>
                    <li><a href="">V码(优购码)</a></li>
                    <li class="bd"></li>
                    <li><a href="">企业购</a></li>
                    <li class="bd"></li>
                    <li><a href="">Select Region</a></li>
                    <li class="bd"></li>
                    <li>
                        <a href="">更多精彩</a>
                        <span class="iconfont dropspan">&#xe646;</span>
                        <div class="more">
                            <dl>
                                <dt><a href="">EMUI</a></dt>
                                <dt><a href="">应用市场</a></dt>
                                <dt><a href="">华为终端云空间</a></dt>
                                <dt><a href="">开发者联盟</a></dt>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="hr">
                <ul>
                    <li class="signedin">
                        <a href="./login.html">请登录 </a>
                        <a href="./register.html"> 注册</a>
                    </li>
                    <li class="bd"></li>
                    <li><a href="">我的订单</a></li>
                    <li class="bd"></li>
                    <li class="cus">
                        <a href="">客户服务</a>
                        <span class="iconfont dropspan">&#xe646;</span>
                        <div class="cusdrop">
                            <dl>
                                <dt><a href="">服务中心</a></dt>
                                <dt><a href="">练习客服</a></dt>
                            </dl>
                        </div>
                    </li>
                    <li class="bd"></li>
                    <li class="webnav">
                        <a href="">网站导航</a>
                        <span class="iconfont dropspan">&#xe646;</span>
                        <div class="webnavdrop">
                            <div class="nav">
                                <div class="home">
                                    <a href="" class="homea"></a>
                                    <span><a href="">商城首页</a></span>
                                </div>
                                <dl>
                                    <div class="tit">频道</div>
                                    <dt><a href="">华为专区</a></dt>
                                    <dt><a href="">企业购</a></dt>
                                </dl>
                                <dl>
                                    <div class="tit">产品</div>
                                    <dt><a href="">手机</a></dt>
                                    <dt><a href="">笔记本</a></dt>
                                    <dt><a href="">平板</a></dt>
                                    <dt><a href="">智能穿戴</a></dt>
                                    <dt><a href="">智能家居</a></dt>
                                    <dt><a href="">智慧屏</a></dt>
                                    <dt><a href="">耳机音箱</a></dt>
                                    <dt><a href="">热销配件</a></dt>
                                    <dt><a href="">生态产品</a></dt>
                                    <dt><a href="">增值服务</a></dt>
                                </dl>
                                <dl>
                                    <div class="tit">增值服务</div>
                                    <dt><a href="">以旧换新</a></dt>
                                    <dt><a href="">补购保障</a></dt>
                                    <dt><a href="">一口价换电池</a></dt>
                                </dl>
                                <dl>
                                    <div class="tit">会员</div>
                                    <dt><a href="">会员频道</a></dt>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li class="bd"></li>
                    <li class="phone">
                        <a href="">手机版</a>
                        <span class="iconfont dropspan">&#xe646;</span>
                        <div class="phonedrop">
                            <div class="phonedetail">
                                <img src="./img/vmallapp.png" alt="">
                                <div class="info">
                                    <h2>华为商城APP</h2>
                                    <p>新人专享好礼最高5000积分</p>
                                    <span class="iconfont">&#xe60e;</span>
                                    <span class="iconfont">&#xe60b;</span>
                                    <span class="iconfont">&#xe615;</span>
                                </div>
                            </div>
                            <div class="phonedetail">
                                <img src="./img/vmallapp.png" alt="">
                                <div class="info">
                                    <h2>华为商城APP</h2>
                                    <p>新人专享好礼最高5000积分</p>
                                    <span class="iconfont">&#xe60e;</span>
                                    <span class="iconfont">&#xe60b;</span>
                                    <span class="iconfont">&#xe615;</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="bd"></li>
                    <li class="shopcar">
                        <span class="iconfont shopicon">&#xe8e1;</span>
                        <a href="./shopcart.html">购物车</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- header end -->

    <!-- search start -->
    <div class="search clear">
        <div class="searchcon corewidth m-a">
            <div class="logo">
                <a href=""><img src="./img/logo.png" alt=""></a>
            </div>
            <div class="categorynav">
                <div class="fakebox"></div>
                <a href="#">
                    <i class="iconfont">&#xe65d;</i>
                    <span>全部商品分类</span>
                </a>
                <!-- category start -->
                <div class="category">
                    <ol>
                        <li>
                            <a href="">手机</a>
                            <span></span>
                            <div class="cphone">
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">笔记本</a>
                            <span></span>
                            <div class="cpad">
                                <div class="item">
                                    <img src="./img/pad1.jpg" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/pad2.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/cam.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/watch.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>

                            </div>
                        </li>
                        <li><a href="">平板</a>
                            <span></span>
                            <div class="cpinb">
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="">智能穿戴&VR</a><span></span>
                            <div class="ccd">
                                <div class="item">
                                    <img src="./img/item1.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item2.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item3.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item4.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item5.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item3.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item2.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="">智能家居</a><span></span>
                            <div class="cjj">
                                <div class="item">
                                    <img src="./img/pad1.jpg" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/pad2.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/cam.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/watch.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="">智慧屏</a><span></span>
                            <div class="czhp">
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">智慧屏</a><span></span>
                            <div class="czhps">
                                <div class="item">
                                    <img src="./img/item1.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item2.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item3.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item4.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item5.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item3.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item2.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="">配件</a><span></span>
                            <div class="cpj">
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="">生态产品</a><span></span>
                            <div class="cstcp">
                                <div class="item">
                                    <img src="./img/item1.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item2.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item3.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item4.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item5.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item3.png" alt="">
                                    <p>HUAWEI Mate系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/item2.png" alt="">
                                    <p>荣耀智慧屏</p>
                                </div>
                                <div class="item">
                                </div>

                            </div>
                        </li>
                        <li>
                            <a href="">增值服务&其他</a><span></span>
                            <div class="cfw">
                                <div class="item">
                                    <img src="./img/pad1.jpg" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/pad2.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/cam.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/watch.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIP.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIJUSE.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>
                                <div class="item">
                                    <img src="./img/HUAWEIMATE.png" alt="">
                                    <p>华为MatePad 系列</p>
                                </div>

                            </div>
                        </li>
                    </ol>
                </div>
                <!-- category end -->
            </div>
            <div class="snav">
                <ul>
                    <li><a href=""><img src="./img/hwzq.png" alt=""></a></li>
                    <li><a href=""><img src="./img/ryzq.png" alt=""></a></li>
                    <li><a href="">P40系列</a></li>
                    <li><a href="">荣耀30</a></li>
                    <li><a href="">智能家居</a></li>
                </ul>
            </div>
            <div class="rinput">
                <input type="text" class="text">
                <i class="fr"></i>
                <div class="hots" id="hots">
                    <dl>
                        <dt>热门搜索</dt>
                        <dd>Mate 30E</dd>
                        <dd>Nova9 pro</dd>
                        <dd>WATHCH FIT</dd>
                        <dd>Mate 30E</dd>
                        <dd>Nova9 pro</dd>
                        <dd>WATHCH FIT</dd>
                        <dd>Mate 30E</dd>
                        <dd>Nova9 pro</dd>
                        <dd>WATHCH FIT</dd>
                        <dd>Mate 30E</dd>
                        <dd>Nova9 pro</dd>
                        <dd>WATHCH FIT</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- search end -->

    <!-- detail start -->
    <div class="detail">
        <div class="detailcon corewidth m-a">
            <div class="detailtop">
                <p>首页&nbsp;&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;手机&nbsp;&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;HUAWEI
                    P系列&nbsp;&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;HUAWEI P40 Pro 5G 全网通 8GB+256GB（亮黑色）</p>
            </div>
            <div class="detailbot">
                <div class="left">
                    <!-- 放大镜 -->
                    <div class="mid">
                        <div class="zoom"></div>
                        <img src="./img/magnifier/big1.png" alt="" class="midimg">
                    </div>
                    <div class="small">
                        <a href="javascript:;" class="back"><i>&lt;</i></a>
                        <div class="ulbox">
                            <ul class="smallimges">
                                <li><img src="./img/magnifier/small1.png" alt="" data-src="./img/magnifier/big1.png">
                                </li>
                                <li><img src="./img/magnifier/small2.png" alt="" data-src="./img/magnifier/big2.png">
                                </li>
                                <li><img src="./img/magnifier/small3.png" alt="" data-src="./img/magnifier/big3.png">
                                </li>
                                <li><img src="./img/magnifier/small4.png" alt="" data-src="./img/magnifier/big4.png">
                                </li>
                                <li><img src="./img/magnifier/small5.png" alt="" data-src="./img/magnifier/big5.png">
                                </li>
                                <li><img src="./img/magnifier/small6.png" alt="" data-src="./img/magnifier/big6.png">
                                </li>
                                <li><img src="./img/magnifier/small7.png" alt="" data-src="./img/magnifier/big7.png">
                                </li>
                                <li><img src="./img/magnifier/small8.png" alt="" data-src="./img/magnifier/big8.png">
                                </li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="forward"><i>&gt;</i></a>
                    </div>
                    <div class="big">
                        <img src="./img/magnifier/big1.png" class="bigimg">
                    </div>
                </div>
                <div class="right">
                    <div class="rt">
                        <h1>HUAWEI P40 Pro+ 5G 全网通 8GB+256GB（陶瓷白）</h1>
                        <p><span>享6期免息</span> 麒麟990 5G SoC芯片，纳米微晶陶瓷工艺，5000万超感知徕卡五摄，100倍双目变焦，华为5G全网通旗舰手机</p>
                    </div>

                    <div class="rc">
                        <p class="prc"><span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span><i>¥ 7988.00</i>
                        </p>
                        <div class="pro">
                            <p class="prc">
                                <span>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</span><em>一站式换新</em>以旧换新最高补贴500元
                            </p>
                            <div class="word">
                                <em>分期免息</em>银联、花呗、掌上生活、工行分期支付可享免息（免息活动适用于单款免息商品订单，含多
                            </div>
                            <div class="word">
                                <em>赠送积分</em>购买即赠商城积分，积分可抵现~
                            </div>
                        </div>
                    </div>

                    <div class="rb">
                        <p>
                            <em>服务说明</em>
                            <span> 广西 > 防城港 > 东兴市</span>
                            <i>现货</i>
                            <b>，今天21:59前付款，预计1月9日（周六）送达</b>
                        </p>
                        <p>
                            <em>商品编码</em>
                            <b>2601010220301</b>
                        </p>
                    </div>

                    <div class="ra">
                        <div class="line">
                            <em>选择颜色</em>
                            <div class="block changewhite active">
                                <img src="./img/magnifier/small1.png" alt="">
                                <p>陶瓷白</p>
                            </div>
                            <div class="block changeblack">
                                <img src="./img/magnifier/bs1.png" alt="">
                                <p>陶瓷黑</p>
                            </div>
                        </div>
                        <div class="line">
                            <em>选择版本</em>
                            <div class="block active">
                                <p>5G全网通 8GB+256GB</p>
                            </div>
                            <div class="block">
                                <p>5G全网通 8GB+256GB</p>
                            </div>
                        </div>
                        <div class="line">
                            <em>选择套餐</em>
                            <div class="block active">
                                <p>官方标配</p>
                            </div>
                        </div>
                        <div class="line">
                            <em>增值业务</em>
                            <div class="block active">
                                <p>无增值服务</p>
                            </div>
                            <div class="block">
                                <p>华为礼品包装服务（礼品封套+明信片）</p>
                            </div>
                        </div>
                        <div class="line">
                            <em>保障服务</em>
                            <div class="block active">
                                <p>华为无忧服务</p>
                            </div>
                            <div class="block">
                                <p>碎屏(含后盖)服务宝1年</p>
                            </div>
                            <div class="block">
                                <p>延长服务宝一年 ¥368</p>
                            </div>
                        </div>
                        <div class="line">
                            <em>分期免息</em>
                            <div class="block active">
                                <p>花呗分期</p>
                            </div>
                            <div class="block">
                                <p>掌上生活分期</p>
                            </div>
                            <div class="block">
                                <p>延长服务宝一年 ¥368</p>
                            </div>
                        </div>
                    </div>

                    <div class="addcart">
                        <div class="cal">
                            <div class="msg">1</div>
                            <div class="plus">+</div>
                            <div class="minus">-</div>
                        </div>
                        <p>加入购物车</p>
                        <p>立即下单</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- detail end -->

    <!-- finalnav start -->
    <div class="finalnav">
        <div class="finalnavcon corewidth m-a">
            <div class="barbox">
                <ul class="bar">
                    <!-- <li class="current">商品详情</li>
                    <li>规格参数</li>
                    <li>包装与售后</li>
                    <li>用户评价</li> -->
                    <li class="current">推荐理由</li>
                    <li>科技前沿</li>
                    <li>满满细节</li>
                    <li>专业摄影</li>
                </ul>
            </div>

            <div class="kindpic">
                <ol>
                    <li>
                        <img src="./img/bar/bar1.jpg" alt="">
                        <img src="./img/bar/bar2.jpg" alt="">
                    </li>
                    <li>
                        <img src="./img/bar/bar3.jpg" alt="">
                        <img src="./img/bar/bar4.jpg" alt="">
                    </li>
                    <li>
                        <img src="./img/bar/bar5.jpg" alt="">
                        <img src="./img/bar/bar6.jpg" alt="">
                    </li>
                    <li>
                        <img src="./img/bar/bar7.jpg" alt="">
                        <img src="./img/bar/bar8.jpg" alt="">
                    </li>
                </ol>
            </div>
        </div>
    </div>
    <!-- finalnav end -->

    <div class="fixnav"></div>


    <!-- footer start -->
    <footer>
        <div class="footcon corewidth m-a">
            <div class="slogan">
                <ul>
                    <li class="s1">
                        <i></i>
                        <a href="">百强企业 品质保证</a>
                    </li>
                    <li class="s2">
                        <i></i>
                        <a href="">7天退货 15天换货</a>
                    </li>
                    <li class="s3">
                        <i></i>
                        <a href="">48元起免运费</a>
                    </li>
                    <li class="s4">
                        <i></i>
                        <a href="">2000家服务店 全国联保</a>
                    </li>
                </ul>
            </div>
            <div class="service">
                <div class="serl">
                    <dl>
                        <dt>
                            <p class="utit">购物相关</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">购物指南</a></li>
                                <li><a href="">配送方式</a></li>
                                <li><a href="">支付方式</a></li>
                                <li><a href="">常见问题</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">保修与退换货</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">保修政策</a></li>
                                <li><a href="">退换货政策</a></li>
                                <li><a href="">保修状态查询</a></li>
                                <li><a href="">配件防伪查询</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">维修与技术支持</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">服务店</a></li>
                                <li><a href="">预约维修</a></li>
                                <li><a href="">手机寄修</a></li>
                                <li><a href="">备件价格查询</a></li>
                                <li><a href="">上门服务</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">特色服务</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">防伪查询</a></li>
                                <li><a href="">补购保障</a></li>
                                <li><a href="">以旧换新</a></li>
                                <li><a href="">礼品包装</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">关于我们</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">公司介绍</a></li>
                                <li><a href="">华为商城简介</a></li>
                                <li><a href="">华为零售店</a></li>
                                <li><a href="">商家中心</a></li>
                                <li><a href="">意见反馈</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">友情链接</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">华为心声社区
                                    </a></li>
                                <li><a href="">华为海洋</a></li>
                            </ul>
                        </dd>
                    </dl>
                </div>

                <div class="serr">
                    <dl>
                        <dt>950805</dt>
                        <dd>7x24小时客服热线（仅收市话费）</dd>
                        <dd>
                            <a href=""><i class="iconfont">&#xe658; </i> 在线客服</a>
                        </dd>
                        <dd>
                            <span>关注Vmall：</span>
                            <a href="" class="iconfont">&#xe615;</a>
                            <a href="" class="iconfont">&#xe61e;</a>
                            <a href="" class="iconfont">&#xe7dd;</a>
                            <a href="" class="iconfont">&#xe61c;</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="vfoot">
                <div class="vl fl">
                    <img src="./img/Vmall.png" alt="">
                </div>
                <div class="vc fl">
                    <ul>
                        <li><a href="">华为集团</a></li>
                        <li><a href="">华为CBG官网</a></li>
                        <li><a href="">花粉俱乐部</a></li>
                        <li><a href="">华为应用市场</a></li>
                        <li><a href="">EMUI华为终端</a></li>
                        <li><a href="">云空间开发者联盟</a></li>
                        <li><a href="">华为商城手机版</a></li>
                        <li><a href="">网站地图</a></li>
                    </ul>
                    <p>隐私声明 服务协议 COOKIES Copyright © 2012-2021 华为终端有限公司 版权所有 粤ICP备19015064号|粤公网安备 44190002003939号</p>
                    <p>增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182</p>
                    <p>互联网药品信息服务资格证（粤）-非经营性-2020-0102 | 粤东食药监械经营备20203930</p>
                </div>
                <div class="vr"><img class="fr" src="./img/license.png" alt=""></div>
            </div>

        </div>
    </footer>
    <!-- footer end -->
</body>

</html>